import router from '@/router'
//@ts-ignore
import nprogress from 'nprogress'
import setting from './setting'
// 引入进度条样式
import 'nprogress/nprogress.css'
import pinia from './store'
import useUserStore from './store/modules/user'

const userStore = useUserStore(pinia)

// 全局守卫：项目当中任意路由切换都会触发的钩子
// 全局前置守卫
router.beforeEach(async (to: any, _from: any, next: any) => {
  document.title = `${setting.title}-${to.meta.title}`
  // to:你将要访问哪个路由
  // from:你从哪个路由而来
  // 访问某一个路由之前守卫
  nprogress.start()
  const token = userStore.token
  // 获取用户的名字
  const username = userStore.username
  if (token) {
    // 用户已登录判断
    if (to.path === '/login') {
      next({ path: '/' })
    } else {
      // 登录成功访问其余六个路由(登录排除)
      // 有用户信息
      if (username) {
        next()
      } else {
        // 如果没有用户信息，在守卫这里发请求获取到了用户信息再放行
        try {
          // 获取用户信息
          await userStore.userInfo()
          next({ ...to })
        } catch (error) {
          // token过期：获取不到用户信息了
          // 用户手动修改本地存储token
          // 退出登录->用户相关的数据清空
          await userStore.userLogout()
          next({ path: '/login', query: { reidrect: to.path } })
        }
      }
    }
  } else {
    //用户未登录判断
    if (to.path == '/login') {
      next()
    } else {
      next({ path: '/login', query: { redirect: to.path } })
    }
  }
})

// 全局后置守卫
router.afterEach((_to: any, _from: any) => {
  nprogress.done()
})
